<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var a = 1;
	function showInput1()
	{
		if(a == 1)
		{
			document.getElementById("findUser").style.visibility = 'visible';
			a=2
		}
		else
		{
			document.getElementById("findUser").style.visibility = 'hidden';
			a=1;
		}
	}
var b = 1;
	function showInput1()
	{
		if(b == 1)
		{
			document.getElementById("inputUser").style.visibility = 'visible';
			b=2
		}
		else
		{
			document.getElementById("inputUser").style.visibility = 'hidden';
			b=1;
		}
	}
</script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<button> <a href="index.php?action=users">All User</a></button>
	<button onclick = "showInput1()"> Find User</button>
	<form id="findUser" action="index.php?action=findUser" method="post" style="visibility: hidden;">
	<input value="user Name" name="user_name">
	<button type="submit" >Go</button>
	</form>
	
	<button onclick = "showInput2()"> Find User</button>
	<form id="inputUser" action="index.php?action=inputUser" method="post" style="visibility: hidden;">
	<input value="user Name" name="name">
	<input value="user Age" name="age">
	<button type="submit" >Go</button>
	</form>
</body>
</html>